page{
    height: 100%;
    .main{
        height: 100%;
        overflow: hidden;
        .background{
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
        .top{
            height: 20%;
            width: 85%;
            background: #fff;
            margin: auto;
            margin-top: 100rpx;
            position: relative;
            box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
            border-radius: 10rpx;
            display: flex;
            align-items: center;
            padding-left: 40rpx;
            border: 1px solid rgb(49, 47, 47);
            .userInformation{
                display: flex;
                justify-content: space-between;
                align-items: center;
                width: 100%;
                margin-right: 5%;
                .userShadow{
                    border-radius: 100%;
                    overflow: hidden;
                    height: 150rpx;
                    width: 150rpx;
                    z-index: 100;
                    .userIcon{
                        z-index: 100;
                    }
                }
                .userName{
                    width: 370rpx;
                    .name{
                        word-break: break-all;
                        display: -webkit-box;//谷歌
                        -webkit-box-orient: vertical;
                        -webkit-line-clamp: 1;//显示几行
                        overflow: hidden;
                    }
                }
            }
        }
        .bottom{
            width: 90%;
            height: 60%;
            background: #fff;
            margin: auto;
            margin-top: 50rpx;
            position: relative;
            box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
            border-radius: 10rpx;
            border: 1px solid rgb(49, 47, 47);
            overflow-y: auto;
            .title{
                margin-top: 30rpx;
                margin-left: 30rpx;
            }
            .grid{
                border: 0 !important;
            }
        }
        .buttonGroup{
            display: flex;
            width: 100%;
            .button{
                flex-grow: 1;
            }
            .button:first-child{
                .van-button--default{
                    border-right:0px solid #a1a1a163
                }
            }
        }
        .context{
            display: flex;
            flex-direction: column;
            width: 90vw;
            padding:30px;
            >.title{
                text-align: center;
                margin-bottom: 20px;
            }
            >.confirm{
                margin: auto;
                margin-top: 30px;
                .van-button--normal{
                    padding: 0 50px;
                }
            }
        }
    }
}
